.cart {
  
  .content {
    .all-choose{
      height: 70px;
      background-color: #ffffff;
      padding: 0 $gutter;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }
    padding-bottom: 98px * 2 + 24px;

    .cart-list {
      .vincent-slide-options-cover{
        z-index: 2;
      }
      .vincent-slide-options-opt-ctn{
        z-index: 1;
      }
      .cart-list-item {
        height: 224px;
        border-bottom: 2px solid $bg-color;
        background-color: #fff;
        padding: $gutter;
        .yd-checkbox-text{
          display: none;
        }
        .pic {
          width: 182px;
          height: 182px;
          background-color: #ffffff;

          img {
            width: 100%;
          }
        }

        h2 {
          font-size: $md-font;
          margin-bottom: $gutter;
        }

        p {
          color: $red;
          font-size: $lg-font;
        }

        .spinner {
          float: right;
          width: 196px;
          height: 50px;
          border-radius: 10px;
          border: solid 2px #c2c2c2;

          .yd-spinner-input {
            color: $blue;
          }
        }
      }
      .del{
        height: 224px;
        display: block;
        width: 176px;
        background-color: $red;
        text-align: center;
        line-height: 224px;
        color: #fff;
      }
    }


  }

  .bottom {
    width: 100%;
    height: 98px;
    background-color: #ffffff;
    border: solid 2px $blue;
    position: fixed;
    left: 0;
    z-index: 99;
    bottom: 98px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: $md-font;

    .choose {
      margin-left: $gutter;
    }

    .amount {
      i {
        color: $red;
      }
    }

    a {
      height: 100%;
      width: 328px;
      color: #fff;
      background-color: $blue;
      text-align: center;
      line-height: 98px;
      font-size: $lg-font;
    }
  }
}